<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>发表评论</title>
  <link rel="stylesheet" href="/public/lib/css/bootstrap.min.css">
  <link rel="stylesheet" href="/public/css/topic.css">
  <script src="/public/lib/js/vue.js"></script>
  <script src="/public/lib/js/vue-resource.min.js"></script>
</head>
<body>
  <div id="app" class="comments container">
    <form action="/topic" method="POST">
      <a class="btn backBtn" href="/" role="button">←回到首页</a>

      <div class="form-group">
        <label for="title">标题</label>
        <input autofocus type="text" id="title" class="form-control" maxlength="24" name="title" placeholder="输入标题……" required>
      </div>

      <div class="form-group">
        <label for="msg">发表留言:</label>
        <textarea name="msg" id="msg" class="form-control" rows="5" cols="30" style="resize: none;" maxlength="150" placeholder="输入评论内容……" required></textarea>
      </div>

      <button type="submit" class="btn btn-primary btn-block btn-sm">button</button>
    </form>
  </div>

  <script src="/public/js/postTopic.js"></script>
</body>
</html>